<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<block name="title"><title>网站导航</title></block>
<script src='http://127.0.0.1/source/jquery-1.8.2.min.js'></script>
<script src='http://127.0.0.1/source/jquery-ui.min.js'></script>
<style type="text/css">
body{
	margin:0px; padding:0px;	
	font:15px '微软雅黑'; background-color:#333;
}
.html_header{
	width:100%; height:40px; text-align:center;
	padding-top:20px;
	background-color:#369; color:#FFF;
	
}
ul{
	list-style:none;
}
li{
	width:250px; height:20px;
	margin:20px; background-color:#669; padding:10px;
	color:#FFF; cursor:pointer;
}
</style>
</head>

<body>
<include file='part/html_header' header_content="myweb" />
<block name='mainnav'>导航</block>
</body>
<script language='javascript'>
$("li").mouseover(function(){
	$(this).animate({"background-color":"#336699","color":"#FFFF99"});
}).mouseout(function(){
	$(this).animate({"background-color":"#666699","color":"#FFFFFF"});
})
</script>
</html>